import React, { useState } from 'react'

function Child(props) {
    console.log(props.getName);
    return (
        <div>
            <button onClick={() => props.getName(Math.random())}>发送按钮</button>
        </div>
    )
}


export default function A2() {
    let [childStr, setChildStr] = useState('')

    let getName = (data) => {
        console.log('父级：', data);
        setChildStr(data)
    }

    return (
        <div>
            <h2>A2.js 子传父，子级通过事件函数触发，调用父级传递过来的方法，</h2>
            父组件：
            <Child getName={getName}></Child>

            {/* 这个写法当成了布尔值 */}
            {/* <Child getName></Child> */}

            {childStr}
        </div>
    )
}
